<div class="box">
  <div class="box-header with-border">
    <a href="" class="btn btn-success btn-sm"><span class="glyphicon glyphicon-plus"></span>创建</a>
    <div style='width: 120px' style="float: right" class="input-group">
      <input style='width: 100px' type="text" name="message" placeholder="Type Message ..." class="form-control">
      <span style='cursor: pointer;display: inline-block;width: 32px;height: 34px;text-align: center;line-height: 37px;background: #eee;border: 1px solid #bbb;border-left: none;'>
        <span class="glyphicon glyphicon-search"></span>
      </span>

    </div>
  </div>
  <!-- /.box-header -->
  <div class="box-body">
    <table class="table table-bordered">
      <tr>
        <th style="width: 10px">#</th>
        <th>股票名称</th>
        <th>股票价格</th>
        <th>股票评级</th>
        <th>操作</th>
      </tr>
      <tr *ngFor="let item of stocks;let i=index;">
        <td>{{i+1}}</td>
        <td>{{item.name}}</td>
        <td>{{item.price}}</td>
        <td><app-stra [starlist]="item.pcating"></app-stra></td>
        <td>
          <a style="margin-right:3px;" class="btn btn-warning btn-xs"><span class="glyphicon glyphicon-pencil"></span>修改</a>
          <a class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span>删除</a>
        </td>

      </tr>
    </table>
  </div>
  <!-- /.box-body -->
  <div class="box-footer clearfix">
    <ul class="pagination pagination-sm no-margin pull-right">
      <li><a href="#">&laquo;</a></li>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">&raquo;</a></li>
    </ul>
  </div>
</div>
